<template>
  <div class="wrap">
    <h1>less 命名空间 namespace </h1>
  </div>
</template>

<script>
export default {
  name: 'Namespace',
  props: {

  }
}

/*
  less 命名空间 
*/
</script>


<style lang="less" scoped>
#color(){
  primary: blue;
  warning: orange;
  success: green;
  error: red; 
}

#operation(){
  .btn{
    border: 1px solid #color[warning];
  } 
}
.wrap{
  #operation.btn();
  color: #color[error];
}
</style>
